<%@ include file="/common/taglibs.jsp"%>
<head>
<script type="text/javascript" src="<c:url value="/scripts/common.js"/>"></script>
<style type="text/css">
#about_menu {
	list-style: none;
	font-size:12px;
	background: url("/images/listbg.gif") repeat scroll left top transparent;
	padding-left:18px;
}
#about_menu li {
	line-height: 27px;
	background:url(/images/list_icon.gif) no-repeat scroll left 11px transparent;
	padding-left:11px;
	overflow: hidden;
    padding-right: 16px;
}
#about_menu li a {
	color:#5b5b5b;
}

#about_menu li a:hover{
	color:#ff8000;
}

</style>
</head>

<div>
	<div style="width:180px;float:left">
		<div style="width:178px;margin-bottom:10px;border:1px #69f solid;">
			<div style="background:#6699ff;height:30px;line-height:30px;padding-left:20px;color:#ffffff">
				<fmt:message key="contact.us"/>
			</div>
			<ul id="about_menu">
				<li><a onclick="getAboutData(1)"><fmt:message key="company.introduce"/></a></li>
				<li><a onclick="getAboutData(2)"><fmt:message key="company.culture"/></a></li>
				<li><a onclick="getAboutData(3)"><fmt:message key="company.service"/></a></li>
				<li><a onclick="getAboutData(4)"><fmt:message key="company.contact"/></a></li>
			</ul>
		</div>
		<jsp:include page="/common/contact_nav.jsp" flush="true"/>
	</div>
	<div style="float:right; width:755px;min-height:450px;background:#fafafa;">
		<img alt="" width="755px" src="<c:url value="/images/QQ.png"/>">
		<div id="about_title" style="padding-left:10px;line-height:25px;background-image:url(/images/title_bg2.jpg);height:25px">
			<fmt:message key="contact.us" />
		</div>
		<div id="about_content" style="margin-top:10px;padding:10px">
			sdfsdfsdfdgdfgdfhg
		</div>
		
	</div>
	
	<script type="text/javascript">
		function getAboutData(id){
			alert(id);
		 	var passUrl = '<c:url value="/app/about/certs.json"/>';
			var passData = 'id=' + id;
			//createAjax(passUrl, passData, initPageData); 
		}
		
		function initPageData(data) {
			var obj = eval(data);
			var about = obj.cert;
			$('#about_title').html(about.name);
			$('#about_content').html(about.introduce);
		}
	</script>
</div>